/* $Header: /cvsroot/bitweaver/_bit_styles/ygg/jstabs.css,v 1.2 2005/12/18 22:32:28 squareing Exp $ */
/**
 * @author   helge_karl <helge_karl@yahoo.com>
 * @version  $Revision: 1.2 $
 * @theme    ygg
 * @license  LGPL
 */
@media screen,projection,tv {



/* tabs */
.tabsystem .tabcontainer
{
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
}

.tabsystem .tabcontainer ul,.tabsystem .tabcontainer li
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: inline;
}

.tabsystem .tabcontainer .tab,.tabsystem .tabcontainer .tab-active
{
	position: relative;
	display: inline;
	float: left;
	z-index: 1;
	white-space: nowrap;
}

.tabsystem .tabpage { clear: both; }

/* tabstyle */
.tabsystem .tabcontainer .tab,.tabsystem .tabcontainer.tab-hover,.tabsystem .tabcontainer .tab-active
{
	top: 2px;
	font: 10px verdana,arial,sans-serif;
	margin: 0 3px;
	padding: 4px 5px 1px 5px;
	background-image: url(images/bg/left_and_right.png); 
	color: #334;
	border: 1px solid #999;
	border-bottom: 0;
}

.tabsystem .tabcontainer .tab-hover
{
	padding: 3px 5px 1px 5px;
	border-top: 2px solid #79b;
	background-image: url(images/menus/midbluegradient.png);
}

.tabsystem .tabcontainer .tab-active
{
	top: 1px;
	margin: 0;
	color: #79b;
	padding: 2px 8px 4px 8px;
	background-image: url(images/bg/left_and_right.png);
	background-position: bottom center;
	border-top: 3px solid #79b;
}

.tabsystem .tabpage
{
	padding: 1em;
	background-image: url(images/bg/left_and_right.png);
	border-color: #ccc #ccc #ccc #999;
	border-width: 1px;
	border-style: solid;
}